<html>
  <head>
  
  <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
  <META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
  
  <title>Test Aup</title>
  	<script src="js/jquery.js"></script>
	<script src="js/aupQuery.js"></script>
	
	<script>
		$(function() {
			/*
			var first = {};
			first.func1 = function(){
				return 1;
			}
			aup.watch(first, 'func1', function(oldVal){
  				alert('func called');
  			});
			first.func1();
			
			aup.watch(first, 'test', function(newVal){
  				alert('newVal '+ newVal);
  			});
  			first.test = 1;
  			//alert(first.test);
			
			first.array1 = [1,2,3];
			aup.watch(first, 'array1', function(newVal){
				alert('newVal '+ newVal);
  			});
			first.array1 = [4,5,6];
			*/
  			
			first.array2 = [1,2,3];
			aup.watch(first, 'array2', function(newVal){
				alert('newVal '+ newVal);
  			});
			first.array2.push(4);
			
			/*first.array3 = [{i1: 1, i2: 2},{i1: 1, i2: 2},{i1: 1, i2: 2}];
			aup.watch(first, 'array3', function(array){
  				alert(array);
  			});
			first.array3.push({i1: 2, i2: 3});
			
			
			first.func1 = function(){
				return 1;
			}
			aup.watch(first, 'func1', function(oldVal){
  				alert('func called');
  			});*/
			
		});
  	</script>
  </head>
  <body>
  		
  </body>
</html>